<script setup lang="ts">
import MySetting from './MySetting.vue';
import MyAccount from './MyAccount.vue';
import { onMounted, inject, ref } from 'vue'

import { setWinSizeKey, setSearchTagKey } from '../model/type'
const handleWinSize = inject(setWinSizeKey)
const setTag = inject(setSearchTagKey)
const tabname = ref("我的账户")
onMounted(() => {

})
const tab_update = (name: string) => {
    tabname.value = name


}

</script>
<template>
    <n-card data-tauri-drag-region id="queryForm" style="width: 800px;">
        <n-tabs data-tauri-drag-region type="line" animated @update:value="tab_update">
            <n-tab-pane data-tauri-drag-region name="我的账户" tab="我的账户">
                <MyAccount v-if="tabname == '我的账户'"></MyAccount>
            </n-tab-pane>
            <n-tab-pane data-tauri-drag-region name="我的设置" tab="我的设置">
                <MySetting v-if="tabname == '我的设置'"></MySetting>
            </n-tab-pane>
        </n-tabs>
    </n-card>
</template>
<style scoped></style>